React Webフォントを使う場合
#React #Webフォント
cssを使って設定するのが多分基本。Reactだろうが関係なさそう。
Reactのルートコンポーネントにindex.css的なの当てて、そこのbody要素に対してfont-familyを設定してあげる。
それがおそらく一番簡単なやり方かな。
code: index.css
body {
font-family: "MS Pゴシック" ;
}
まあ、cssで設定し、基本的にはbodyに設定しておけばいいってのはわかるとして。
それ以外の、どういうフォントを設定すればいいの?どういう順番で?ってのを知っておく必要がありそうよな。
参考
【2022年版】font-familyの正しい指定方法・タイプ別おすすめフォント設定例
css フォント設定(font-family)する場合のルールやらTipsやら
Chakra UIを使う場合は!?
onigiri.w2.iconはChakra UIをよく使うので、それでフォント設定する必要ありそうよね。
なので知っておきたいのだが。
これだ -> Using Fonts - Chakra UI
extendThemeでフォントを上書きする感じ。